<!DOCTYPE HTML>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> -->
    <link rel="stylesheet" type="text/css" href="${ctxPath}/static/css/unslider.css">
    <link rel="stylesheet" type="text/css" href="${ctxPath}/static/css/style.css">
    <script type="text/javascript" src="${ctxPath}/static/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="${ctxPath}/static/js/unslider.js"></script>
    <script type="text/javascript" src="${ctxPath}/static/js/project.js"></script>
    <script>
jQuery(document).ready(function($) {
    $('.my-slider').unslider({
        speed: 500,              
        delay: 3000,             
        keys: true,               
        dots: true,              
        fluid: false,
        autoplay: true
    });
    var slidey = $('.my-slider').unslider(), data = slidey.data('unslider');
        var unslider = $('.my-slider').unslider();
        $('.unslider-arrow').click(function() {
            var fn = this.className.split(' ')[1];
            data[fn]();
        });
});
    </script>
</head>
<body>
<input type="hidden" id="fnmod" value="index">
<div class="header_bg">
    <div class="header">
        <div class="logo"><a href="${ctxPath}/webHome/index"><img src="${ctxPath}/static/images/index/logo.jpg" alt=""></a></div>
        <div class="title">
            <ul>
                <li><a href="${ctxPath}/webHome/index">首页</a></li>
                <li><a href="${ctxPath}/webProduct/nidex">产品中心</a>
                    <div class="product_list" >
                        <ul>
                            <li><a href="${ctxPath}/webProduct/index">所有产品</a></li>
                            <!--# for(var type in productType){ -->
			                    <li><a href="${ctxPath}/webProduct/index?typeId=${type.id!}&typeName=${type.type_name!}">${type.type_name!}</a></li>
		                    <!--# } -->
                        </ul>
                    </div>
                </li>
                <li><a href="${ctxPath}/webNews/nidex">新闻动态</a></li>
                <li><a href="${ctxPath}/webAbout/index">关于我们</a></li>
                <li><a href="${ctxPath}/webContact/index">联系我们</a></li>
            </ul>
        </div>
        <div style="clear: both;"></div>
    </div>
</div>
<div style="clear: both;"></div>
<div class="banner-wrap slideBox">
    <div class="my-slider bd">
        <ul>
            <!--# for(var top in topImg){ -->
	            <li><img src="${ctxPath}/downImg/downHomeImg?imgUrl=${top.img!}"alt="" width="100%" height="100%" "></li>
            <!--# } -->
        </ul>
    </div>
    <div class="unslider-arrow prev"></div>
    <div class="unslider-arrow next"></div>
</div>
<div class="main">
    <div class="wood">
        <ul>
            <!--# for(var productType in productList){ -->
	            <li>
	                <div class="wood-list">
	                    <dl>
	                    	<a href="${ctxPath}/webProduct/index?typeId=${productType.type_id!}&typeName=${productType.type_name!}">
		                        <dt><img src="${ctxPath}/downImg/downProductTypeImg?imgUrl=${productType.type_img!}" width="100%" height="100%" alt=""></dt>
		                        <dd class="shadow"></dd>
		                        <dd class="word">${productType.type_name!}系列</dd>
	                        </a>
	                    </dl>
	                </div>
	                <div class="wood-list-detail">
	                    <div class="word"><a class="list_name" href="${ctxPath}/webProduct/index?typeId=${productType.type_id!}&typeName=${productType.type_name!}">${productType.type_name!}系列</a>
	                    	<a class="more" href="${ctxPath}/webProduct/index?typeId=${productType.type_id!}&typeName=${productType.type_name!}">更多</a>
	                    	 <div class="mg_clear"></div>
	                    	</div>
	                    <div class="detail-list bd">
	                        <ul>
	                            <!--# for(var product in productType.productList){ -->
		                            <dl>
		                                <dt><a href="${ctxPath}/webProduct/productDetail?id=${product.id!}"><img src="${ctxPath}/downImg/downProductImg?imgUrl=${product.small_img!}" width="100%" height="100%" alt=""></a></dt>
		                                <dd>${product.product_name!}</dd>
		                            </dl>
	                            <!--# } -->
	                        </ul>
	                    </div>
	                </div>
	                <div style="clear:both;"></div>
	            </li>
            <!--# } -->
        </ul>
    </div>
</div>
<div style="clear: both;"></div>
<!--<div class="top"></div>-->
<div class="footer">
    版权信息
</div>
</body>
</html>